.qr-button
  @apply rounded
  @apply px-5
  @apply inline-flex
  @apply items-center
  @apply justify-center
  @apply border-2
  @apply border
  @apply text-primary

  // type
  &--default
    @apply bg-white

  &--primary
    @apply bg-primary
    @apply border-primary
    @apply text-white

  // ghost
  &--ghost
    @apply bg-transparent
    @apply text-white

  // size
  &--lg
    @apply h-10

  &--xl
    @apply px-10
    @apply h-12

  &--2xl
    @apply px-20
    @apply h-16
    @apply text-xl
    @apply font-bold

  // round
  &--round
    @apply rounded-full
